import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
    state: { //存放数据的
        list: [],
    },
    getters: { //定义计算方法 （类似于computed）
        Count(state) { //统计未完成的量
            var arr = state.list.filter((item) => {
                return item.status == false;
            })
            return arr.length;
        },


    },
    mutations: { //同步方法，直接可以修改state
        addTask(state, payload) {
            //构建一个新的任务对象，status属性表示任务的状态(true 已完成 false 未完成)
            var obj = { id: state.list.length + 1, name: payload, status: false }
            state.list.push(obj); //添加到任务列表中
        }
    },
    actions: { //异步方法，不能直接修改state，需要调用同步方法来修改state

    },
    modules: {}
})